<template>
	<div class="container">
		<navigationBar title="资料填写"></navigationBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight-1) + 'px;'">
			<div class="box-wrap">
				<cell-input :isMust="false" placeholder="商家名称" v-model="formData.title"></cell-input>
			</div>
			<div class="box-wrap">
				<cell-input :isMust="false" placeholder="地址" v-model="formData.title"></cell-input>
			</div>
			<div class="box-wrap">
				<cell-input :isMust="false" placeholder="联系方式" v-model="formData.title"></cell-input>
			</div>
			<div class="box-wrap">
				<cell-picker :isMust="false" placeholder="请选择商家分类" :list="handleList" @change="changeHandleList"></cell-picker>
			</div>
			<div class="box-wrap" style="margin-top: 30rpx;">
				<cell-textarea  placeholder="请输入自我介绍" v-model="formData.description"></cell-textarea>
			</div>
			<div class="box-wrap">
				<div class="title">
						上传营业执照			
				</div>
				<div class="upload-list">
					<!-- <div class="upload-wrap" v-for="(item,index) in wordList" :key="index" @click="openFile(item.filePath)">
						<image class="del" src="/static/icons/del.png" mode="" @click="del(index)"></image>
						<div class="upload-word">{{item.fileOriginName}}</div>
					</div> -->
					<div class="upload-item">
						<image mode="aspectFill" style="width: 60rpx;height: 60rpx;" :lazy-load="true" src="/static/icon/btn_mine_add.png" alt="" @click="handlerUpload()" />
					</div>
					<div class="upload-item" v-for="(item,index) in wordList" :key="index">
						<image class="del" src="/static/icon/icon_shanchu2.png" mode="" @click="del(index)"></image>
						<image  :src="item.filePath" mode=""></image>
					</div>
				</div>
				<div class="vip-time">认证会员 2022/05/17 过期</div>
				<div class="need">需支付<span>2000.00元</span></div>
			</div>
			<div class="bottom">
				<div class="btn edit" @click="submit">仅修改资料</div>
			</div>
			<div class="bottom">
				<div class="btn" @click="submit">往前认证</div>
			</div>
		</div>
		
	</div>
</template>

<script>
import data from '@/js/my/identification/data.js';
import methods from '@/js/my/identification/methods.js';
import { mapState } from 'vuex';
import navigationBar from '../../components/navigationBar.vue';
import cellInput from '../../components/cellInput.vue';
import cellPicker from '../../components/cellPicker.vue';
import cellTime from '../../components/cellTime.vue';
import cellTextarea from '../../components/cellTextarea.vue';
export default {
	data,
	methods,
	onLoad(options) {
		this.getPeople()
		this.getSysDictType()
		this.getType()
	},
	onShow() {
		
	},
	onHide() {
	},
	computed: {
		...mapState(['navigationBarHeight']),
		windowHeight() {
			return uni.getSystemInfoSync().windowHeight
		},
		statusBarHeight() {
			return uni.getSystemInfoSync().statusBarHeight
		},
		
	},
	components: {
		navigationBar,
		cellInput,
		cellPicker,
		cellTime,
		cellTextarea,
	},
	watch: {

	}
};
</script>
<style>
	page{background-Color:#FFFFFF;}
</style>
<style scoped lang="scss">
@import '~@/style/my/identification.scss';
</style>
